<template>
	<section>
		<header>
			<p>我</p>
			<div>
				<span @click="jump('/walletInfo')">
					<p><img src="../../static/img/walletC3.png"/> </p>
					<p>钱包管理</p>
				</span>
				<span style="margin-left: 0.3rem;" @click="jump('/transactionRecord')">
					<p><img src="../../static/img/transactionRecode.png"/> </p>
					<p>交易记录</p>
				</span>
			</div>
		</header>
		<article>
			<rightArrow>
				<p @click="jump('/messageCenter')"><img src="../../static/img/msg.png" /><label>消息中心</label></p>
				<p @click="jump('/contacts')"><img src="../../static/img/contacts.png" /><label>联系人</label></p>
				<p @click="jump('/sys')"><img src="../../static/img/sys.png" /><label>系统设置</label></p>
			</rightArrow>
			<p class="placeP"></p>
			<rightArrow>
				<p @click="jump('/personCenter')"><img src="../../static/img/center.png" /><label>个人中心</label></p>
			</rightArrow>
			<p class="placeP"></p>
			<rightArrow>
				<!--<p @click="jump('/fabi')"><img src="../../static/img/question.png" /><label>帮助中心</label></p>-->
				<p @click="jump('/helpCenter')"><img src="../../static/img/question.png" /><label>帮助中心</label></p>
				<p @click="jump('/aboutUs')"><img src="../../static/img/aboutUs.png" /><label>关于我们</label></p>
			</rightArrow>
		</article>
		<menuBtm></menuBtm>
	</section>
</template>

<script>
	import menuBtm from '../com/menuBtm.vue';
	import rightArrow from '../com/rightArrow.vue';
	export default {
		data() {
			return {}
		},
		components: {
			menuBtm,
			rightArrow
		},
		methods: {},
		created: function() {},
		mounted: function() {}
	}
</script>

<style scoped="scoped">
	header {
		text-align: center;
		/*background-color: rgb(54, 185, 200);*/
		background-color: rgb(158, 129, 104);
		color: #FFFFFF;
		font-size: 0.15rem;
		overflow: hidden;
	}
	
	header div span {
		display: inline-block;
	}
	
	header div span img {
		height: 0.24rem;
	}
	
	header>p {
		margin-top: 0.3rem;
		font-weight: bold;
		font-size: 0.18rem;
	}
	
	header>div {
		margin-top: 0.5rem;
		padding-bottom: 0.4rem;
	}
</style>